{extend name="Base/common" /}
{block name="content"}
<!-- BEGIN PAGE -->

<style>
    .center{
        display: flex;
        width: fit-content;
        margin: auto;
    }
</style>

<div class="page-content" style="padding-top: 10px;">

    <div class="container-fluid">
        <!-- 面包屑开始-->
        <div class="row-fluid">
            <div class="span12">

                <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                <h3 class="page-title">
                    商品列表
                </h3>
                <ul class="breadcrumb">
                    <li>
                        <a href="/ops/jobs/index">列表</a>
                        <i class="icon-angle-right"></i>
                    </li>
                    <li>
                        商品列表
                    </li>

                </ul>
                <!-- END PAGE TITLE & BREADCRUMB-->
            </div>
        </div>
        <!-- 面包屑结束 -->

        <!-- 带全选的表格开始 -->
        <div class="row-fluid">

            <div class="span12">

                <!-- BEGIN SAMPLE TABLE PORTLET-->

                <div class="portlet">

                    <div class="portlet-title">

                        <div class="caption"><i class="icon-reorder"></i>详情</div>

                        <!-- 表格内容整体操作结束 -->

                    </div>

                    <div class="portlet-body no-more-tables">

                        <ul class="list-group">
                            <li class="list-group-item">名称： {$data.name}</li>
                            <li class="list-group-item">封面图： <img src="{$data.cover}" alt="" style="width:180px"> </li>
                            <li class="list-group-item">轮播图：
                                <div id="img2" style="display: flex;margin-left: 100px; flex-wrap: wrap">
                                    {volist name='$data.images' id="vo"}
                                    <div class='img-item'>
                                        <img src='{$vo}' style='width: 120px;'>
                                    </div>
                                    {/volist}
                                </div>
                            </li>
                            <li class="list-group-item">虎牙： {$data.tiger_tee}</li>
                            <li class="list-group-item">价格： {$data.price}</li>
                            <li class="list-group-item">原价： {$data.old_price}</li>
                            <li class="list-group-item">是否仅维修点可买： {$data.is_limit?'是':'否'}</li>
                            <li class="list-group-item">地址： {$data.address}师傅</li>
                            <li class="list-group-item">数量： {$data.num}</li>
                            <li class="list-group-item">详情：{$data.details}</li>
                            <li class="list-group-item">赞助商：{$data.sponsor}</li>
                            <li class="list-group-item">运费：{$data.fee?:0}</li>
                        </ul>


                        <table class="table-bordered table-striped table-condensed cf" style="text-align: center;">

                            <thead class="cf">

                            <tr>
                                <th>Id</th>
                                <th>名称</th>
                                <th>类型</th>
                                <th>面值</th>
                                <th>数量</th>
                                <th>有效期</th>
                                <th>创建日期</th>

                            </tr>

                            </thead>

                            <tbody>

                            {volist name="coupon" id="vo"}
                            <tr class="">

                                <td>{$vo.coupon_id}</td>
                                <td>{$vo.name}</td>
                                <td>
                                    {switch name="$vo.type" }
                                    {case value="1"}
                                    <span>优惠券</span>
                                    {/case}
                                    {case value="2"}
                                    <span>代金券</span>
                                    {/case}
                                    {case value="3"}
                                    <span>兑换券</span>
                                    {/case}
                                    {/switch}
                                </td>
                                <td>{$vo.value}</td>
                                <td>{$vo.num}</td>
                                <td>{$vo.start_time} ~ {$vo.end_time}</td>
                                <td>{$vo.create_time}</td>

                            </tr>
                            {/volist}

                            </tbody>

                        </table>
                    </div>

                </div>
                <!-- END SAMPLE TABLE PORTLET-->

            </div>
        </div>
        <!-- 带全选的表格结束btn-sort-edit -->

    </div>
</div>
<script>



</script>
<!-- END PAGE -->
{/block}